// base color
$blue:#324157;
$light-blue:#3A71A8;
$red:#C03639;
$pink: #E65D6E;
$green: #30B08F;
$tiffany: #4AB7BD;
$yellow:#FEC171;
$panGreen: #30B08F;

$primary-color : rgb(14,191,191);
$main-bg: #063259;
$nav-bg : #101d2d;

//sidebar
$menuText:#bfcbd9;
$menuActiveText:#409EFF;
$subMenuActiveText:#f4f4f5; 
$menuBg:#304156;
$menuHover:#263447;

//sidebar btm主题的样式
$menuText-btm:$primary-color;
$menuActiveText-btm:#0ef9b8;
$subMenuActiveText-btm:rgb(14,191,191);
$menuBg-btm:rgb(2,17,50);
$menuHover-btm:#263445;
$menuHover-gradient:linear-gradient(90deg,$main-bg 50%,#126d95 100%);
$subMenuHover-gradient:linear-gradient(90deg,#04172f 50%,$main-bg 100%);


$subMenuBg:#1f2d3d;
$subMenuHover:#001528;

$sideBarWidth: 210px;

$box-shadow-color : rgba($color : $primary-color,$alpha : 0.5);
$box-shadow : inset 0px 0px 4px $box-shadow-color;

$nav-background : url(~@/assets/static/image/head-top-bg.png);
$main-background : url(~@/assets/static/image/main-bg.jpg) no-repeat center center;
$block-background : url(~@/assets/static/image/footer-4.png);
$tag-view-background:url(~@/assets/static/image/main-right-2.png);

// $nav-background : url(~@/assets/nav-border-bg.png) $nav-bg;
// $main-background : $main-bg;
// $block-background : url(~@/assets/table-border-bg.png);

// $nav-background-1 : url(~@/assets/static/image/head-top-bg.png);
// $main-background-1 : url(~@/assets/static/image/main-bg.jpg) no-repeat center center;
// $block-background-1 : url(~@/assets/static/image/footer-4.png);


// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
}
